<!DOCTYPE html>
<html>


<!-- Mirrored from www.zi-han.net/theme/hplus/timeline_v2.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:47 GMT -->
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>中骏森驰后台管理</title>

    <meta name="keywords" content="中骏森驰后台管理 - 课题管理">
    <meta name="description" content="中骏森驰后台管理 - 课题管理">

    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="<?=base_url('html/css/bootstrap.min14ed.css?v=3.3.6')?>" rel="stylesheet">
    <link href="<?=base_url('html/css/font-awesome.min93e3.css?v=4.4.0')?>" rel="stylesheet">
    <link href="<?=base_url('html/css/animate.min.css')?>" rel="stylesheet">
    <link href="<?=base_url('html/css/style.min862f.css?v=4.1.0')?>" rel="stylesheet">
    <style>
    </style>
</head>

<body class="gray-bg">
    <div class="row">
        <div class="col-sm-12">
            <div class="wrapper wrapper-content">
                <div class="row animated fadeInRight">
                    <div class="col-sm-12">
                        <div class="ibox float-e-margins">
                            
                            <div class="text-center float-e-margins p-md">
                                <a href="#" class="btn btn-xs btn-primary" id="lightVersion">浅色</a>
                                <a href="#" class="btn btn-xs btn-primary" id="darkVersion">深色</a>
                                <a href="#" class="btn btn-xs btn-primary" id="leftVersion">布局切换</a>
                            </div>
                            <div class="" id="ibox-content">
                                <div id="vertical-timeline" class="vertical-container light-timeline">
                                    
                                    <div class="vertical-timeline-block">
                                        <div class="vertical-timeline-icon navy-bg">
                                            <i class="fa fa-home"></i>
                                        </div>
                                        <div class="vertical-timeline-content">
                                            <div class="col-sm-12">
                                                <div class="m-b-md">
                                                    <a href="#" class="btn btn-sm btn-primary"data-toggle="modal" data-target="#myModal"> 维护进度</a>
                                                    <h2 class="text-center"><?=$data["TITLE"]?></h2>
                                                </div>
                                                <dl class="dl-horizontal">
                                                    <dt>课题内容：</dt>
                                                    <dd><span class=""><?=$data['CONTENT']?></span>
                                                    </dd>
                                                </dl>
                                                <dl class="dl-horizontal">
                                                    <dt>状态：</dt>
                                                    <dd><span class="label label-primary">进行中</span>
                                                    </dd>
                                                </dl>
                                            </div>
                                            <div class="col-sm-5">
                                                <dl class="dl-horizontal">

                                                    <dt>时间起：</dt>
                                                    <dd><?=$data['PROJECTSTART']?></dd>
                                                </dl>
                                            </div>
                                            <div class="col-sm-7" id="cluster_info">
                                                <dl class="dl-horizontal">

                                                    <dt>时间止：</dt>
                                                    <dd><?=$data['PROJECTEND']?></dd>
                                                </dl>
                                            </div>
                                            <div class="col-sm-12">
                                                <dl class="dl-horizontal">
                                                    <dt>当前进度</dt>
                                                    <dd>
                                                        <div class="progress progress-striped active m-b-sm">
                                                            <div style="width: <?=$data["RATE"]?>%;" class="progress-bar"></div>
                                                        </div>
                                                        <small>当前已完成课题总进度的 <strong><?=$data["RATE"]?>  %</strong></small>
                                                    </dd>
                                                </dl>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <?php foreach ($data['process'] as $value):?>
                                    <div class="vertical-timeline-block">
                                        <div class="vertical-timeline-icon <?php if($value['ID']%4 == 0){echo 'blue-bg';}elseif($value['ID']%4 == 1){echo 'lazur-bg';}elseif($value['ID']%4 == 2){echo 'yellow-bg';}elseif($value['ID']%4 == 3){echo 'navy-bg';}?>">
                                            <i class="fa fa-<?php if($value['ID']%4 == 0){echo 'file-text';}elseif($value['ID']%4 == 1){echo 'briefcase';}elseif($value['ID']%4 == 2){echo 'phone';}elseif($value['ID']%4 == 3){echo 'user-md';}?>"></i>
                                        </div>
                                        <div class="vertical-timeline-content">
                                            <h2><?=$value['TITLE']?></h2>
                                            <p><?=$value['CONTENT']?></p>
                                            <!--<a href="#" class="btn btn-sm btn-success"> 下载文档 </a>-->
                                            <span class="vertical-date">
                                                <?=$value['CREATER']?> <br>
                                                <small><?=$value['CREATETIME']?></small>
                                            </span>
                                        </div>
                                    </div>
                                    <?php endforeach; ?>
                                    
                                    <!-- 模态框（Modal） start-->
                                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                            <div class="modal-dialog">
                                                    <div class="modal-content">
                                                            <div class="modal-header">
                                                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                                                                    </button>
                                                                    <h4 class="modal-title" id="myModalLabel">
                                                                            <?=$data["TITLE"]?>
                                                                    </h4>
                                                            </div>
                                                            <div class="modal-body">
                                                                
                                                                <div class="form-group">
                                                                    <label>标题</label>
                                                                    <input type="text" class="form-control" name="title">
                                                                    
                                                                </div>
                                                                
                                                                <div class="form-group">
                                                                    <label>内容</label>
                                                                    <textarea class="form-control" rows="2" name="content" id="content"></textarea>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label>课题进度</label>
                                                                    <select class="form-control m-b" name="rate"id="rate">
                                                                        <option value="10">10%</option>
                                                                        <option value="20">20%</option>
                                                                        <option value="30">30%</option>
                                                                        <option value="40">40%</option>
                                                                        <option value="50">50%</option>
                                                                        <option value="60">60%</option>
                                                                        <option value="70">70%</option>
                                                                        <option value="80">80%</option>
                                                                        <option value="90">90%</option>
                                                                        <option value="100">100%</option>
                                                                    </select>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label>维护人</label>
                                                                    <input type="text" class="form-control" name="creater" value="<?=$username?>" <?php if($username == ""){echo "";}else{echo "readonly";}?>>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                    <button type="button" class="btn btn-default" data-dismiss="modal">
                                                                            关闭
                                                                    </button>
                                                                    <button type="button" class="btn btn-primary" id="submit">
                                                                            提交进度
                                                                    </button>
                                                            </div>
                                                    </div><!-- /.modal-content -->
                                            </div><!-- /.modal-dialog -->
                                    </div><!-- /.modal -->
                                    <!-- 模态框（Modal） end-->
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <script src="<?=base_url('html/js/jquery-1.8.3.min.js')?>"></script>
    <script src="<?=base_url('html/bootstrap_v3/js/bootstrap.min.js')?>"></script>
    <script src="<?=base_url('html/js/content.min.js')?>"></script>
    <script>
        $(document).ready(function() {
            $("#lightVersion").click(function(event) {
                event.preventDefault();
                $("#ibox-content").removeClass("ibox-content");
                $("#vertical-timeline").removeClass("dark-timeline");
                $("#vertical-timeline").addClass("light-timeline")
            });
            $("#darkVersion").click(function(event) {
                event.preventDefault();
                $("#ibox-content").addClass("ibox-content");
                $("#vertical-timeline").removeClass("light-timeline");
                $("#vertical-timeline").addClass("dark-timeline")
            });
            $("#leftVersion").click(function(event) {
                event.preventDefault();
                $("#vertical-timeline").toggleClass("center-orientation")
            });
            $("#submit").click(function(){
                var title = $("input[name=title]").val();
                var content = $("#content").val();
                var rate = $("#rate").val();
                var creater = $("input[name=creater]").val();
                var createtime = $("input[name=createtime]").val();
                $.ajax({
                    type:  "POST",
                    url:   "<?=base_url('ProjectManage/UpdateProcess')?>",
                    data: {
                        id:<?=$data["ID"]?>,
                        title:title,
                        rate:rate,
                        creater:creater,
                        content:content
                    },
                    dataType:"json",
                    success:function(data){
                        location.reload();
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
                    }
                });
                
            })
            $(function () { $('#myModal').modal('hide')});
            $(function () { 
                $('#myModal').on('hide.bs.modal', function () {

                });
            });
        });
    </script>
</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/timeline_v2.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:47 GMT -->
</html>
